.eqEvent {
  display: flex;
  justify-content: space-between;
  width: 100%;
  // min-width: 950px;
  height: 100%;

  > div {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
  }

  /deep/ .el-table__empty-text {
    font-size: 24px;
    @include font_color('con-textColor1');
  }

  .appShow {
    display: none;
  }

  .left {
    overflow-y: hidden;
    border-right: 0.5px solid $n-borderColor;
    @include main-list;

    .title {
      width: 100%;
      height: 102px;
      display: flex;
      flex-direction: column;
      font-size: 14px;

      > p {
        // padding-left: 8px;
        height: 64px;
        line-height: 64px;
        @include font_color('con-textColor1');
        font-size: 24px;
      }

      /deep/ .el-input {
        padding-right: 16px;
        display: inline-block;
        width: 100%;
        height: 40px;

        // .el-input__inner {
        //     background: #0c0e14 !important;
        // }

        .el-input__icon {
          line-height: 40px;
        }

        input {
          height: 100%;
        }
      }

      /deep/ .el-input__suffix {
        margin-right: 16px;
      }

      /deep/ .el-button {
        position: absolute;
        right: calc(8% - 2px);
        width: 72px;
        height: 26px;
        line-height: 0px;
        top: 15%;

        span {
          font-size: 0.75rem;
        }
      }
    }

    .equipList_main {
      margin-top: 16px;
      padding-right: 16px;
      width: 100%;
      height: calc(100% - 56px);
      overflow: auto;

      .promptResults {
        color: $textColor_1;
        text-align: center;
        display: inline-block;
        width: 100%;
        position: relative;
        top: 50%;
      }
    }
  }

  .right {
    flex: 1;
    overflow: hidden;
    @include background_color('con-bgColor8');

    .rightTitle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      width: 100%;
      min-width: 950px;
      height: 63px;
      overflow: auto;
      border-bottom: 1px solid $n-borderColor;

      .leftName {
        font-size: 24px;
        margin-left: 24px;
        @include font_color('con-textColor1');
      }

      .get-back {
        padding: 5px 15px;
        border-radius: 3px;
        font-size: 14px;
        background-color: $btn-blue;
      }

      .icon-gw-icon-fanghui {
        margin-right: 8px;
      }

      .select-box {
        position: absolute;
        left: calc(50% - 100px);
        transform: translateX(-50%);

        @media screen and (max-width: 1500px) {
          left: 320px;
        }

        > span {
          font-size: 14px;
          @include font_color('con-textColor1');
        }

        /deep/ .el-select {
          height: 100%;
          width: 150px;
          margin-right: 12px;

          .el-input {
            height: 100%;
            width: 100%;
            font-size: 14px;
            margin-left: 16px;
            // background-color: $n-backColor;

            input {
              height: 32px;
              background-color: $n-backColor;
            }

            .el-select__caret {
              line-height: 24px;
            }
          }
        }

        /deep/ .el-input {
          height: 32px;
          width: 14%;
          font-size: 14px;
          margin-left: 16px;

          .el-input__inner {
            height: 32px;
          }

          .el-input__suffix {
            display: flex;
            align-items: center;
          }

          input::-webkit-input-placeholder {
            color: #d3d8e2 !important;
          }

          input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #d3d8e2 !important;
          }

          input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #d3d8e2 !important;
          }

          input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #d3d8e2 !important;
          }
        }
      }

      /deep/ .el-button {
        padding: 0 6px;
        display: flex;
        align-items: center;
        position: absolute;
        right: 0;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
        background-color: $btn-blue;
        border-color: $n-borderColor;

        span {
          color: #d3d8e2;
        }

        i {
          margin-right: 4px;
          color: #d3d8e2;
        }
      }

      .calendar {
        display: flex;
        align-items: center;
        position: absolute;
        right: 88px;
        width: 400px;
        height: 36px;

        span {
          display: inline-block;
          font-size: 14px;
          color: $textColor_3;
          width: 73px;
          height: 14px;
          line-height: 14px;
          text-align: center;
        }

        /deep/ .el-date-editor {
          height: 32px;
          margin-left: 3%;
          line-height: 20px;
          border: 1px solid $n-borderColor;

          .el-input__icon {
            line-height: 22px;
          }

          .el-range-separator {
            line-height: 21px;
            width: 8%;
            color: $textColor_3;
          }

          input::-webkit-input-placeholder {
            color: $textColor_3 !important;
          }
        }
      }
    }

    #eqTable {
      padding-left: 16px;
      width: 100%;
      height: calc(100% - 112px);
      border-bottom: 1px solid $n-borderColor;
      overflow: hidden;

      /deep/ .el-table__body-wrapper {
        // background-color: $n-middleColor;
      }

      /deep/ .el-table {
        .cell {
          text-align: left !important;

          .el-button {
            display: inline-block !important;
          }
        }

        th.gutter,
        colgroup.gutter {
          display: table-cell !important;
        }

        .el-table__header {
          th,
          tr {
            // background: $n-middleColor !important;
            font-weight: normal !important;

            &:first-child {
              padding-left: 6px !important;
            }
          }
        }

        .el-icon-more {
          transform: rotate(90deg);
          cursor: pointer;
        }

        th,
        tr {
          // background: $n-middleColor !important;
          border: unset;
        }

        tbody {
          td {
            border: unset;
            padding: unset;
          }

          .cell {
            height: 48px;
            margin-top: 4px;
            // background-color: $n-frondColor !important;
            display: flex;
            font-size: 16px;
            line-height: 48px;
          }

          .hover-row {
            .cell {
              background-color: $n-frondHigh !important;
            }
          }
        }
      }
    }

    .pagination {
      bottom: 0;
      display: flex;
      @include pagination;
    }
  }
}

// app界面
$screen-xs-max: 767px;
$screen-sm-min: 768px;
$screen-md-min: 992px;
$screen-lg-min: 1200px;

@media (min-width: $screen-lg-min) {
  .eqEvent {
    .appShow {
      display: none !important;
    }
  }
}

@media (min-width: $screen-md-min) and (max-width: $screen-lg-min) {
  .eqEvent {
    .appShow {
      display: none !important;
    }
  }
}

@media (max-width: $screen-md-min) {
}

@media (max-width: $screen-xs-max) {
  .eqEvent {
    position: relative;

    .pcShow {
      display: none !important;
    }

    .appShow {
      display: block !important;
    }

    > .left {
      width: 100%;
      border: none;

      > .title {
        p {
          padding: 0;
          position: relative;
          display: flex;
          align-items: center;
          font-size: 16px;

          .nextBtn {
            display: flex;
            align-items: center;
            top: 50%;
            right: 0;
            transform: translateY(-50%);

            i {
              margin-right: 5px;
              font-size: 14px;
            }
          }

          i {
            padding-left: 16px;
            position: absolute;
            right: 0;
            font-size: 20px;
          }
        }

        > div {
          padding-right: 0 !important;
        }
      }

      .equipList_main {
        padding-right: 0 !important;
        // padding-bottom: 16px !important;
      }
    }

    // 筛选弹框
    .drawerAppHeader {
      /deep/ .el-drawer {
        > header {
          margin-bottom: 0;
          height: 48px;

          .el-drawer__close-btn {
            display: none;
          }
        }

        .el-drawer__header {
          padding: 8px !important;
          .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: calc(100% - 32px);
            line-height: 48px;

            i,
            span {
              @include font_color('dialog-textColor1');
            }

            button {
              height: 28px;
              padding: 9px 20px !important;
              line-height: 8px;
              @include font_color('btn-txColor1');
            }
          }
        }
      }

      /deep/ .el-drawer__body {
        position: relative;
        padding: 0 16px;
        border-top: 1px solid $n-borderColor;
      }

      .select-box {
        > p {
          margin: 16px 0 8px 0;
          @include font_color('dialog-textColor1');
          font-size: 14px;
        }

        /deep/ .el-select {
          width: 100%;
          border-radius: 3px;

          // .el-input--suffix,
          // .el-input__inner {
          //     background-color: $n-backColor;
          // }
        }
      }

      .calendar {
        > p {
          margin: 16px 0 8px 0;
          @include font_color('dialog-textColor1');
          font-size: 14px;
        }

        > div {
          width: 100%;
          border-radius: 3px;
        }
      }
    }

    // 列表内容

    .result-app-list {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: $n-middleColor;

      .rightTitle {
        display: flex;
        justify-content: space-between;
        min-width: 100%;

        > span {
          @include font_color('con-textColor1');
          font-size: 16px;
        }
      }

      #eqTableApp {
        padding-left: 16px;
        width: 100%;
        height: calc(100% - 112px);
        border-bottom: 1px solid $n-borderColor;

        // overflow: hidden;
        /deep/ .el-table__body-wrapper {
          // background-color: $n-middleColor;
        }

        /deep/ .el-table {
          height: 100% !important;
        }

        /deep/ .el-table {
          .cell {
            text-align: left !important;

            .el-button {
              display: inline-block !important;
            }
          }

          th.gutter,
          colgroup.gutter {
            display: table-cell !important;
          }

          .el-table__header {
            th,
            tr {
              // background: $n-middleColor !important;
              font-weight: normal !important;

              &:first-child {
                padding-left: 6px !important;
              }
            }
          }

          .el-icon-more {
            transform: rotate(90deg);
            cursor: pointer;
          }

          th,
          tr {
            // background: $n-middleColor !important;
            border: unset;
          }

          tbody {
            td {
              border: unset;
              padding: unset;
            }

            .cell {
              height: 48px;
              margin-top: 4px;
              background-color: $n-frondColor !important;
              display: flex;
              font-size: 14px;
              line-height: 48px;
            }

            .hover-row {
              .cell {
                background-color: $n-frondHigh !important;
              }
            }
          }
        }
      }
    }
  }
}
